<extend name="Public/base"/>
<block name="style">
	<link href="__PLUGINS__/select2/select2.css" rel="stylesheet" />
	<link href="__PLUGINS__/jquery-datatables-bs3/css/datatables.css" rel="stylesheet" />
</block>
<block name="page-header">
	<li><a href="U('Device/index')"><i class="fa fa-copy"></i>{$meta_title}</a></li>
	<li class="active"><i class="fa fa-square"></i>{$obd}</li>
</block>
<block name="body">
<div class="row">
	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="panel panel-default bk-bg-white">
			<div class="panel-heading bk-bg-white">
				<h6><i class="fa fa-table red"></i><span class="break"></span>{$obd}</h6>
				<button class="btn return btn-success">返 回</button>				
				<div class="panel-actions">
					<a href="#" class="btn-minimize"><i class="fa fa-caret-up"></i></a>
					<a href="#" class="btn-close"><i class="fa fa-times"></i></a>
				</div>
			</div>
			<div class="panel-body">
				<table class="table table-bordered table-striped mb-none datatable-tabletools">
					<thead>
					<tr>
						<th>日期</th>
						<th>点火</th>
						<th>熄火</th>
						<th>油耗</th>
						<th>里程</th>
						<th>最大速度</th>
						<th>最大引擎转速</th>
						<th>平均油耗</th>
						<th>急加速</th>
						<th>急减速</th>
						<th>行车</th>
					</tr>
					</thead>
					<tbody>
					<foreach name="status" item="status" key="id">
						<tr class="gradeA">
						<td>{$status.pdate}</td>
						<td>{$status.firenum}</td>
						<td>{$status.stopnum}</td>
						<td>{$status.oiluse} L</td>
						<td>{$status['nmil']/1000} 公里</td>
						<td>{$status.max_speed} km/h</td>
						<td>{$status.max_eng_speed} r/min</td>
						<td>{$status.avg_oiluse_prm} L/100km</td>
						<td>{$status.fast_add_num}</td>
						<td>{$status.fast_dec_num}</td>
						<td><eq name="status.car_status" value="1">行驶 <span class="v-y"></span><else/>停驶 <span class="v-n"></span</eq></td>
						</tr>
					</foreach>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
</block>
<block name="script">
<script type="text/javascript">
$(".return").click(function(){
	history.back();
});
</script>
<script src="__PLUGINS__/select2/select2.js"></script>
<script src="__PLUGINS__/jquery-datatables/media/js/jquery.dataTables.js"></script>
<script src="__PLUGINS__/jquery-datatables/extras/TableTools/js/dataTables.tableTools.min.js"></script>
<script src="__PLUGINS__/jquery-datatables-bs3/js/datatables.js"></script>
<script src="__JS__/pages/table-advanced.js"></script>
</block>
